.box {
    width: 800px;
    height: 430px;
    margin: 50px auto;
    position: relative;
    overflow: hidden;
    /* display: none; */
    left: 145px;
}

.box .nav {
    width: 260px;
    height: 30px;
    position: absolute;
    left: 280px;
    bottom: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 1111;
}

.box .nav li {
    width: 13px;
    height: 13px;
    background: rgb(243, 226, 226);
    border-radius: 50%;
}

.box .nav li.active {
    background: orange;
}

.box .contain {
    width: 800px;
    height: 414px;
    position: relative;
}

.box .contain img {
    width: 800px;
    height: 414px;
}

.box .contain div {
    position: absolute;
    left: 800px;
    top: 0;
}